<template>
    <div class="images-style-box">
        <YXPadding :padding="appearance.padding"/>
    </div>
</template>

<script>
    import YXPadding from '../common/contentstyle/Padding.vue';

    export default {
        name: 'ImagesStyle',
        components: {
            YXPadding
        },
        props: {
            appearance: {
                type: Object,
                default: _ => {
                    return {
                        padding: {
                            top: 0,
                            right: 0,
                            bottom: 0,
                            left: 0
                        }
                    };
                }
            }
        }
    }
</script>

<style scoped lang="scss">
    .images-style-box {

    }
</style>
